<template>
    <div>
      <div class="content common_bg_fff" @click="linkTOdetail">
        <span class="font_333_30">手机号</span>
        <span class="font_999_28">{{phone}} <i class="iconfont icon-jiantouyou"></i></span>
      </div>
    </div>
</template>

<script>
    export default {
      name: '',
      components: {},
      data() {
        return {
          title:'绑定手机',
          phone:'未绑定手机号'
        }
      },
      created () {
        this.setTitle(this.title)
      },
      mounted: function () {
        if(this.$store.state.bind==1){
          this.axios.post('/home/Bundtel/getTel',{token:this.$store.state.token}).then((res)=>{
            if(res.data.code==200){
              this.phone = res.data.data
            }
          })
        }
      },
      methods: {
        linkTOdetail(){
          this.$router.push('/binding/bind')
        }
      }
    }
</script>

<style scoped>
  @import "../../assets/public.css";
  @import "//at.alicdn.com/t/font_814275_a49o0xc0z4m.css";
  .content{
    height:.92rem;
    margin-top:.26rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding:0 .3rem;
  }
</style>
